<nz-layout style="height: 100%">
  <nz-content>
    <div nz-col [nzSpan]="16" [nzOffset]="4">
      <div nz-col [nzSpan]="18" [nzOffset]="3" class="mt-3 mb-5">
        <img [src]="loginImg" width="100%" class="align-items-center">
      </div>
      <!--  <nz-alert *ngIf="showMessage"-->
      <!--            nzType="error"-->
      <!--            nzMessage="{{ errorMessage }}"-->
      <!--  >-->
      <!--  </nz-alert>-->
      <div nz-col [nzSpan]="24" class="mt-2 mb-2">
        <nz-alert nzType="error" *ngIf="showMessage" [nzMessage]="errorMessage"></nz-alert>
      </div>
      <form nz-form [formGroup]="validateForm" class="login-form " (ngSubmit)="submitForm()">
        <nz-form-item>
          <nz-form-control nzErrorTip="请输入用户名/邮箱">
            <nz-input-group nzPrefixIcon="user">
              <input type="text" nz-input formControlName="email" placeholder="请输入用户名/邮箱" />
            </nz-input-group>
          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
          <nz-form-control nzErrorTip="请输入密码">
            <nz-input-group nzPrefixIcon="lock">
              <input type="password" nz-input formControlName="passwd" placeholder="请输入密码" />
            </nz-input-group>
          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
          <nz-form-control>
            <button nz-button class="login-form-button" [nzType]="'primary'" (click)="login()">登录</button>
            <a (click)="enterRegister()"><font color="#1e90ff">马上注册 👉</font></a>
            <a class="login-form-forgot" (click)="forgetPassword()"><font color="#1e90ff">忘记密码</font></a>
          </nz-form-control>
        </nz-form-item>
      </form>
    </div>

  </nz-content>
</nz-layout>
